<section>
  <div class="title" #top >{{ tagData.title }}</div>
  <div class="customer" #IonItemGroup *ngFor="let item of customerList">
    <div class="subTitle" #IonItem *ngIf="(item.item | filterList:key).length > 0">{{ item.title }}</div>
    <div
      class="list"
      *ngFor="let v of item.item | filterList: key; last as isLast"
      appDebounceClick (debounceClick)="go(v.link,v.nickname)"
    >
      <img class="list-img" [src]="v.avator" onerror="this.src='assets/icon/portrait50@3x.png';" />
      <div class="list-div">
        <!-- {{ v }} -->
        <span>{{ v.nickname }}</span>
        <span>{{ v.mobile }}</span>
        <div class="line" *ngIf="!isLast"></div>
      </div>
    </div>
  </div>
  <div id="letter" #IndexedMenu>
    <p appDebounceClick (debounceClick)="toTop()"><img src="assets/icon/city_icon_arrow up@2x.png"></p>
    <p
      class="indexed-item"
      [class.activate]="letter === index"
      *ngFor="let letter of alphabet; let i = index"
      appDebounceClick (debounceClick)="selectIndex(i)"
    >
      {{ letter }}
    </p>
  </div>
</section>

